<template>
  <div class="home">
    <!--<img alt="Vue logo" src="../assets/logo.png" />
    <HelloWorld msg="Welcome to Your Vue.js App" />-->
    欢迎页
  </div>
</template>

<script>
// @ is an alias to /src
// import HelloWorld from "@/components/HelloWorld.vue";
import { reactive, toRefs, onBeforeMount, onMounted } from "vue";
export default {
  name: "Home",
  components: {},
  setup() {
    //("views/Home.vue");
    const data = reactive({});
    onBeforeMount(() => {
      // console.log("2.组件挂载页面之前执行----onBeforeMount");
    });
    onMounted(() => {
      // console.log("3.-组件挂载到页面之后执行-------onMounted");
    });
    const refData = toRefs(data);
    return {
      ...refData,
    };
  },
};
</script>
